<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

	<head>
		<title>Ter WebSite</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
		<link rel="stylesheet" media="screen" type="text/css" title="Style" href="style.css" />
			<script type="text/javascript"
			src="http://maps.google.com/maps/api/js?sensor=false">
			</script>
			
			
			
		<script type="text/javascript">
		
		
		
		
		  function initialize() {
			var mylatlng = new google.maps.LatLng(43.22,7.4);
			var myOptions = {
			  zoom: 7,
			  center: mylatlng,
			  zoomControl: false,
			  scaleControl: true,
			  mapTypeId: google.maps.MapTypeId.SATELLITE
			};
			var map = new google.maps.Map(document.getElementById("map_canvas"),
				myOptions);
			
			
			var contentString = '<div id="donnee_hydro">'+
			'<h1>Hydro1-Boussole</h1>'+
			'<div id="bodyContent">'+
			'<p>Hydrophone 1. Pos(43.22,7.4)</p>'+
			'</div>'+
			'</div>';

			var infowindow = new google.maps.InfoWindow({
				content: contentString
			});
			
			var marker = new google.maps.Marker({
			  position: mylatlng, 
			  map: map, 
			  title:"Hydro1"
			 });
  
  			google.maps.event.addListener(marker, 'click', function() {
		 	 infowindow.open(map,marker);
			});
			  // To add the marker to the map, call setMap();
			// marker.setMap(map);
			 
			 //Here polyline example
			 
			var whalecoordinates = [
			new google.maps.LatLng(43.22,7.4),
			new google.maps.LatLng(43.75,8.4),
			new google.maps.LatLng(42.22,7.4),
			new google.maps.LatLng(43.45235,7.827)
		  ];
		  var whale = new google.maps.Polyline({
			path: whalecoordinates,
			strokeColor: "#FF0000",
			strokeOpacity: 1.0,
			strokeWeight: 2
		  });

		  whale.setMap(map);
		 
		}
	</script>
    
    
	</head>
	
	<body onload="initialize()">
	
		<div id="menu">
			<ul>
				<li><a href="home.html">Home</a></li>
				<li><a href="presentation.html">Presentation</a></li>
				<li><a href="project.html">Project</a></li>
				<li><a href="partner.html">Partner</a></li>
				<li><a href="contact.html">Contact</a></li>			</ul>		
		
		 </div>
		
		<div id="bodyPage">
		
			<h1>Project BOUSSOLE</h1>
			
			
			<div id="map_canvas" style="width: 800px; height: 500px"></div>


			<applet code="AppletExample.class" height="300px" width="300px">
			</applet>

		
		 </div>
		
		<div id="foot"> 
			 <p>
    		<a href="http://validator.w3.org/check?uri=referer"><img
        		src="http://www.w3.org/Icons/valid-xhtml10"
        		alt="Valid XHTML 1.0 Strict" height="31" width="88" /></a>
  			</p>
  			
  			<p>
			<a href="http://jigsaw.w3.org/css-validator/check/referer">
				<img style="border:0;width:88px;height:31px"
					src="http://jigsaw.w3.org/css-validator/images/vcss-blue"
					alt="CSS Valide !" />
			</a>
			</p>
        

		
		</div>
	</body>
	
</html>
